<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<script type="text/javascript" src="common/js/system.js"></script>
		<link href="common/css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="store/css/storelist.css" />
		<script type="text/javascript" src="plugin/jquery/jquery-1.12.1.js"></script>
		<script type="text/javascript" src="plugin/juicer/juicer-min.js"></script>
		<link rel="stylesheet" href="common/css/color.css" />
		<title>门店列表</title>
	</head>

	<body>

		<script type="text/template" id="storeListTpl">
			{@each list as store}
			<div class="store-item" storeName="${store.storeName}" 
				storeAddress="${store.storeAddress}" storeTel="${store.storeTel}" longitude="${store.longitude}" latitude="${store.latitude}">
				<div class="item-left">
					<div class="store-title">
						${store.storeName}
					</div>
					<div class="store-addr">
						${store.storeAddress}
					</div>
				</div>
				<div class="item-right">
					<img class="posi-icon" src="img/location.png" />
				</div>
			</div>
			{@/each}
		</script>

		<div class="mui-content bottom-border" id="storeList"></div>

		<script type="text/javascript" src="store/js/storelist.js"></script>
		<script type="text/javascript" src="common/js/system.js"></script>
	</body>

</html>